

<template>
<div class="personalCente">
  <navBar :title='title' :titleColor='titleColor' :backVisible='backVisible' :homePath='homePath' :visibleLeft='visibleLeft'></navBar>
  <div class="EditTelInput">
    电话<input class="fr" type="text" placeholder="请输入电话">
  </div>
  <div class="EditTelBtn"><button>确认</button></div>
</div>
</template>

<script>
import navBar from "@/components/navBar/index"
export default {    
  components:{
    navBar
  },
  data(){
    return{
        title:'编辑电话',
        // 标题颜色
        titleColor: {
          default: "#FFFFFF"
        },
        backVisible:true,
        homePath:true,
        visibleLeft:true,
    }
  },
  onShow(){     

  },
  onLoad(){
  },
  methods: {
    
  
    
  }
}
</script>

<style scoped>
.personalCente{
  width: 100%;
  height: 100vh;
  background: #fff;
}
.EditTelInput{
  width: 100%;
  height: 50px;
  font-size:15px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
line-height:50px;
padding: 10px;
box-sizing: border-box
}
.EditTelInput input{
  width: 70%;
  background: none;
  border: none;
  text-align: right;
   height: 50px;
   line-height:50px;
  font-size:15px;
}
.EditTelInput input::placeholder{
  font-size:15px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(179,179,179,1);
}
.EditTelBtn{
  width: 100%;
  padding: 10px;
box-sizing: border-box;
margin-top: 20px
}
.EditTelBtn button{
  height:50px;
  width: 100%;
background:rgba(204,170,126,1);
border-radius:3px;
font-size:16px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
line-height: 50px
}
</style>
